<template>
  <router-view></router-view>
  <van-tabbar v-model="active" :route="true" :fixed="true" :placeholder="true">
    <van-tabbar-item to="/" icon="home-o">grid布局</van-tabbar-item>
    <van-tabbar-item to="/network" icon="points">网络请求</van-tabbar-item>
    <van-tabbar-item icon="friends-o">标签</van-tabbar-item>
    <van-tabbar-item to="/user" icon="user-o">我的</van-tabbar-item>
  </van-tabbar>
</template>

<script lang="ts">
  import { ref, defineComponent } from 'vue';
  export default defineComponent({
    name: 'TabBar',
    setup: () => {
      const active = ref(0);
      return { active };
    }
  });
</script>

<style lang="less" scoped></style>
